<!doctype html>

<html>

	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<title>cufón / examples / gradient</title>

		<style type="text/css">

			body {
				background: #fff;
				color: #555;
			}

			h1 {
				font: normal 200px Arial, Verdana, Helvetica, sans-serif;
				margin: 0.8em 0 0 0;
				text-align: center;
			}

		</style>

		<script src="../js/cufon.js" type="text/javascript"></script>
		<script src="../fonts/Vegur.font.js" type="text/javascript"></script>

		<script type="text/javascript">

			Cufon.replace('h1', {
				color: '-linear-gradient(#999, 0.45=#666, 0.45=#555, #999)'
			});

		</script>

	</head>

	<body>

		<h1>gradient</h1>

	</body>

</html>
